<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
                <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>

</head>
<body >
    <div id="c8b7df4b16f443fc8b6a3b978c3a6c01" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_c8b7df4b16f443fc8b6a3b978c3a6c01 = echarts.init(
            document.getElementById('c8b7df4b16f443fc8b6a3b978c3a6c01'), 'white', {renderer: 'canvas'});
        var option_c8b7df4b16f443fc8b6a3b978c3a6c01 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "line",
            "name": "K",
            "connectNulls": false,
            "xAxisIndex": 0,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2024-04-08",
                    50
                ],
                [
                    "2024-04-09",
                    33.33333333333333
                ],
                [
                    "2024-04-10",
                    22.222222222222218
                ],
                [
                    "2024-04-11",
                    14.814814814814811
                ],
                [
                    "2024-04-12",
                    9.87654320987654
                ],
                [
                    "2024-04-15",
                    6.584362139917694
                ],
                [
                    "2024-04-16",
                    4.389574759945129
                ],
                [
                    "2024-04-17",
                    2.9263831732967525
                ],
                [
                    "2024-04-18",
                    1.9509221155311682
                ],
                [
                    "2024-04-19",
                    8.452524937422737
                ],
                [
                    "2024-04-22",
                    12.700234016252834
                ],
                [
                    "2024-04-23",
                    16.94796436965276
                ],
                [
                    "2024-04-24",
                    24.29640577663652
                ],
                [
                    "2024-04-25",
                    29.66174458180819
                ],
                [
                    "2024-04-26",
                    40.661742228907244
                ],
                [
                    "2024-04-29",
                    66.60713274231279
                ],
                [
                    "2024-04-30",
                    59.71483268092171
                ],
                [
                    "2024-05-06",
                    52.94778204786746
                ],
                [
                    "2024-05-07",
                    71.2377178907607
                ],
                [
                    "2024-05-08",
                    73.92685724439436
                ],
                [
                    "2024-05-09",
                    70.61965003029431
                ],
                [
                    "2024-05-10",
                    63.135613109201465
                ],
                [
                    "2024-05-13",
                    49.682031776116865
                ],
                [
                    "2024-05-14",
                    59.037584883903406
                ],
                [
                    "2024-05-15",
                    69.68125205174712
                ],
                [
                    "2024-05-16",
                    64.86621457796147
                ],
                [
                    "2024-05-17",
                    62.751329910290536
                ],
                [
                    "2024-05-20",
                    68.2035470137461
                ],
                [
                    "2024-05-21",
                    67.26089362731744
                ],
                [
                    "2024-05-22",
                    65.84998542290646
                ],
                [
                    "2024-05-23",
                    61.58387134610038
                ],
                [
                    "2024-05-24",
                    52.75387980193858
                ],
                [
                    "2024-05-27",
                    41.89004706687652
                ],
                [
                    "2024-05-28",
                    28.869649482585302
                ],
                [
                    "2024-05-29",
                    20.469674578604284
                ],
                [
                    "2024-05-30",
                    11.210323753531771
                ],
                [
                    "2024-05-31",
                    7.052939284688907
                ],
                [
                    "2024-06-03",
                    -3.108821554981879
                ],
                [
                    "2024-06-04",
                    -4.3173592238634
                ],
                [
                    "2024-06-05",
                    -4.61393967981425
                ],
                [
                    "2024-06-06",
                    -18.422494440008165
                ],
                [
                    "2024-06-07",
                    -7.541742984628395
                ],
                [
                    "2024-06-11",
                    4.127975192122346
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "margin": 8
            },
            "logBase": 10,
            "seriesLayoutBy": "column",
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0
        },
        {
            "type": "line",
            "name": "D",
            "connectNulls": false,
            "xAxisIndex": 0,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2024-04-08",
                    50
                ],
                [
                    "2024-04-09",
                    44.444444444444436
                ],
                [
                    "2024-04-10",
                    37.03703703703703
                ],
                [
                    "2024-04-11",
                    29.629629629629626
                ],
                [
                    "2024-04-12",
                    23.04526748971193
                ],
                [
                    "2024-04-15",
                    17.558299039780515
                ],
                [
                    "2024-04-16",
                    13.168724279835386
                ],
                [
                    "2024-04-17",
                    9.754610577655841
                ],
                [
                    "2024-04-18",
                    7.153381090280949
                ],
                [
                    "2024-04-19",
                    7.586429039328212
                ],
                [
                    "2024-04-22",
                    9.291030698303086
                ],
                [
                    "2024-04-23",
                    11.84334192208631
                ],
                [
                    "2024-04-24",
                    15.994363206936377
                ],
                [
                    "2024-04-25",
                    20.550156998560315
                ],
                [
                    "2024-04-26",
                    27.25401874200929
                ],
                [
                    "2024-04-29",
                    40.37172340877712
                ],
                [
                    "2024-04-30",
                    46.81942649949198
                ],
                [
                    "2024-05-06",
                    48.86221168228381
                ],
                [
                    "2024-05-07",
                    56.320713751776104
                ],
                [
                    "2024-05-08",
                    62.18942824931552
                ],
                [
                    "2024-05-09",
                    64.99950217630845
                ],
                [
                    "2024-05-10",
                    64.37820582060613
                ],
                [
                    "2024-05-13",
                    59.47948113910971
                ],
                [
                    "2024-05-14",
                    59.332182387374274
                ],
                [
                    "2024-05-15",
                    62.78187227549856
                ],
                [
                    "2024-05-16",
                    63.476653042986186
                ],
                [
                    "2024-05-17",
                    63.234878665420965
                ],
                [
                    "2024-05-20",
                    64.89110144819601
                ],
                [
                    "2024-05-21",
                    65.68103217456982
                ],
                [
                    "2024-05-22",
                    65.73734992401536
                ],
                [
                    "2024-05-23",
                    64.35285706471036
                ],
                [
                    "2024-05-24",
                    60.4865313104531
                ],
                [
                    "2024-05-27",
                    54.287703229260906
                ],
                [
                    "2024-05-28",
                    45.8150186470357
                ],
                [
                    "2024-05-29",
                    37.366570624225226
                ],
                [
                    "2024-05-30",
                    28.647821667327406
                ],
                [
                    "2024-05-31",
                    21.449527539781236
                ],
                [
                    "2024-06-03",
                    13.263411174860197
                ],
                [
                    "2024-06-04",
                    7.403154375285664
                ],
                [
                    "2024-06-05",
                    3.3974563569190255
                ],
                [
                    "2024-06-06",
                    -3.875860575390038
                ],
                [
                    "2024-06-07",
                    -5.09782137846949
                ],
                [
                    "2024-06-11",
                    -2.0225558549388785
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "margin": 8
            },
            "logBase": 10,
            "seriesLayoutBy": "column",
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0
        }
    ],
    "legend": [
        {
            "data": [
                "K",
                "D"
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2024-04-08",
                "2024-04-09",
                "2024-04-10",
                "2024-04-11",
                "2024-04-12",
                "2024-04-15",
                "2024-04-16",
                "2024-04-17",
                "2024-04-18",
                "2024-04-19",
                "2024-04-22",
                "2024-04-23",
                "2024-04-24",
                "2024-04-25",
                "2024-04-26",
                "2024-04-29",
                "2024-04-30",
                "2024-05-06",
                "2024-05-07",
                "2024-05-08",
                "2024-05-09",
                "2024-05-10",
                "2024-05-13",
                "2024-05-14",
                "2024-05-15",
                "2024-05-16",
                "2024-05-17",
                "2024-05-20",
                "2024-05-21",
                "2024-05-22",
                "2024-05-23",
                "2024-05-24",
                "2024-05-27",
                "2024-05-28",
                "2024-05-29",
                "2024-05-30",
                "2024-05-31",
                "2024-06-03",
                "2024-06-04",
                "2024-06-05",
                "2024-06-06",
                "2024-06-07",
                "2024-06-11"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "KDJ\u6307\u6807",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_c8b7df4b16f443fc8b6a3b978c3a6c01.setOption(option_c8b7df4b16f443fc8b6a3b978c3a6c01);
    </script>
</body>
</html>
